<template>
  <div class="img-list">
    <CloudImg :imgList="imgList"></CloudImg>
  </div>
</template>

<script>
  export default {
    title: '2.等比缩放',
    subTitle: '通过配置imgList中scale属性等比缩放',
    data () {
      return {
        imgList: [
          {
            type: '16:9',
            scale: 2
          },
          {
            type: '1:1',
            scale: 2
          },
          {
            type: '4:3',
            scale: 2
          }
        ]
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss" scoped>
  .img-list {
    padding: 50px 0;
  }
</style>